<template>
  <div>
    <h1>股市行情</h1>
    <el-table :data="buy" :show-header="false" stripe size="mini">
      <el-table-column>
        <template slot-scope="scope">
          {{ scope.row.name }}
        </template>
      </el-table-column>
      <el-table-column>
        <template slot-scope="scope">
          {{ scope.row.name }}
        </template>
      </el-table-column>
      <el-table-column>
        <template slot-scope="scope">
          {{ scope.row.name }}
        </template>
      </el-table-column>
      <el-table-column>
        <template slot-scope="scope">
          {{ scope.row.name }}
        </template>
      </el-table-column>
    </el-table >
    <el-table :data="sale" :show-header="false" stripe size="mini">
      <el-table-column>
        <template slot-scope="scope">
          {{ scope.row.name }}
        </template>
      </el-table-column>
      <el-table-column>
        <template slot-scope="scope">
          {{ scope.row.name }}
        </template>
      </el-table-column>
      <el-table-column>
        <template slot-scope="scope">
          {{ scope.row.name }}
        </template>
      </el-table-column>
      <el-table-column>
        <template slot-scope="scope">
          {{ scope.row.name }}
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  components: {

  },
  data() {
    return {
      buy: [
        { name: '卖五' },
        { name: '卖四' },
        { name: '卖三' },
        { name: '卖二' },
        { name: '卖一' }
      ],
      sale: [
        { name: '买一' },
        { name: '买二' },
        { name: '买三' },
        { name: '买四' },
        { name: '买五' }
      ]
    }
  },
  methods: {

  }
}

</script>
<style scoped>

</style>
